<!DOCTYPE html>
<html>
 <head>
  <title> new document </title>
  <meta charset="utf-8">
	<style>
		.register{
			width:400px;
			margin:150px auto;
		}
		.register-content{
			background:#ddd;
			border:1px solid #aaa;
			box-shadow:0 0 30px #ddd;
		}
		.register-content .alert>p{
			padding-bottom:15px;
			font-size:17px;
			line-height:40px;
			height:25px;
		}
		.register-content p{
			margin-left:20px;
		}
		.register-content p input{
			margin:0 20px 15px 20px;
			border:1px solid #aaa;
			border-radius:2px;
			width:256px;
			height:25px;
		}
		.register-content p input.sumbit{
			background:#e4393c;
			margin-left:92px;
		}
		#login-form span{
			font-size:13px;
		}
		.click{
			display:inline-block;
			border:1px solid #ddd;
			width:16px;
			height:16px;
			margin-left:20px;
			background:#fff;
		}
	</style>
 </head>
 <body>
	<div class="register">
			<div class="register-content">
			<div class="alert">
				<p><b>欢迎注册:</b><span >已注册，可直接登录！</span></p>
				<form id="login-form">
				<p>用户账号:<input type="text" placeholder="请输入您的用户名" name="uname"></p>
				<p>注册密码:<input type="password" placeholder="请输入您的密码" name="upwd">
				<p>确认密码:<input type="password" placeholder="请再次输入上面的密码"></p>
				<p><input class="sumbit" type="button" value="提交注册"><p>
				<span class="click"><img src="images/s_success.png" alt=""></span>
				<span>我已阅读并接受协议</span>
				</form>
			</div>
			</div>
	</div>
	<script src="js/jquery-1.11.3.js"></script>
	<script>
		var binding=0;
		$('.click').click(function(){
			if(binding===0){
				$(".click img").css('display','block');binding=1;
			}else{
				$(".click img").css('display','none');binding=0;
			}
		})
	</script>
 </body>
</html>
